<!doctype html>
<html>
<head>
<title>View the Anime Episodes ${anime.episodeName} for free | WonTube.com</title>
<#include "/include/meta.html">
<meta name="description" content="Watch the popular Japanese Anime Episodes ${anime.episodeName} for free at WonTube.com"/>
<meta name="keywords" content="${anime.episodeName}, watch ${anime.episodeName}, download ${anime.episodeName} for free"/>
<#include "/include/css.html">
</head>
<body>
<#assign fblikeUrl = "http://www.wontube.com/world/anime/" + anime.id>
<input type="hidden" id="showId" value="${anime.showId}" />
<#include "/i18n/include/header.ftl">
<#include "/i18n/anime/anime_side.ftl">
<div id="main">
	<div id="m_info_column">
    	<div class="m_view_column">
        <a href="javascript:window.history.back()" class="btn_back" title="Back">Back</a>
        <h2 class="movies_name"><img height="30"  src="${anime.thumbnail}">${anime.episodeName}
        	<a id="displayEpisode" href="javascript:" class="xl_btn">Season ${anime.season}</a>
        </h2>
        <div class="btn_box">
        	<div class="fb_like"><#include "/macro/fblike.ftl"><@fblike fblikeUrl /></div>
        	<a href="javascript:;" itemUrl="${anime.url!''}"  website="${anime.website}" itemTitle="${anime.episodeName}" class="btn_down2 download_btn" id="download_btn" >Download</a>
        </div>
        </div>
    </div>
    
    <#if seasons??>	
	<div id="episodeDetail" class="tv_xl" style="display:block;">
		<#list seasons as season>
			<div id="season${season_index}" class="tv_sList" style="display:<#if season.seasonNum==anime.season>block<#else>none</#if>">
				<div class="tv_ss">
					<#if season_index-1 &lt; 0>
						<span id="forward" href="javascript:" divId="season<#if season_index-2 &lt; 0>0<#else>${season_index-1}</#if>" class="season_p">&lt;</span>
					<#else>
						<a id="forward" href="javascript:" divId="season<#if season_index-2 &lt; 0>0<#else>${season_index-1}</#if>" class="season_p">&lt;</a>
					</#if>
	                <strong>Season ${season.seasonNum}</strong>
	                <#if season_index+2 &gt; seasons?size>
	                	<span id="backward" href="javascript:" divId="season<#if season_index+2 &gt; seasons?size>${seasons?size-1}<#else>${season_index+1}</#if>" class="season_n">&gt;</span>
	                <#else>
	                	<a id="backward" href="javascript:" divId="season<#if season_index+2 &gt; seasons?size>${seasons?size-1}<#else>${season_index+1}</#if>" class="season_n">&gt;</a>
	                </#if>
	            </div>
				<ul>
					<#assign eps = season.episodes>
					<#list eps?reverse as ep>
						<li <#if anime.season==ep.season&&ep.part==anime.part>class="curr"</#if>><a href="${contextPath}/world/anime/watch-${ep.id}" itemUrl="${ep.url}" title="${ep.showName}-${ep.episodeName}">${ep.part}</a></li>
					</#list>
				</ul>
				<div class="clear"></div>
			</div>
		</#list>
	</div>
	</#if>
    
    <div id="view_cont"> 
    <span class="mp_top"></span>  
    
    <div id="play_main">
    	<table width="100%" height="600px" style="overflow:hidden;" border="0" align="center" cellpadding="1" cellspacing="1"> 
			<tr> 
				<td> 
					<!--
					<p align="center" style="margin-top: -300px;"> 
					-->
    				<iframe id="play_iframe" src="${anime.url}" frameborder=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 width="100%" align="center" scrolling="no" height="900" frameborder="0"></iframe>
				</td> 
			</tr> 
		</table>
    	<#-->
    	<div class="mp_box" style="overflow:hidden;">
		    <table width="640px" height="447px" style="overflow:hidden;" border="0" align="center" cellpadding="1" cellspacing="1"> 
				<tr> 
					<td> 
						<p align="center" style="margin-top: -265px;"> 
						<iframe id="play_iframe" src="${anime.url}" frameborder=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 width="650" align="center" scrolling="no" height="695" frameborder="0"></iframe>
					</td> 
				</tr> 
			</table>
		</div>
		-->
    	<#-->
    	<div class="mp_box ff_player" style="display:none;">
			<object width="980" height="389" type="application/x-shockwave-flash" 
				id="showmedia_video_player" style="display: block; visibility: visible;"
				data="http://static.ak.crunchyroll.com/flash/20120810201022.426c05fde953532631fe23646bfc4cfc/StandardVideoPlayer.swf">
				<param name="wmode" value="transparent">
				<param name="allowFullScreen" value="true">
				<param name="allowscriptaccess" value="always">
				<param name="allownetworking" value="all">
				<param name="flashvars" value="config_url=http%3A%2F%2Fwww.crunchyroll.com%2Fxml%2F%3Freq%3DRpcApiVideoPlayer_GetStandardConfig%26media_id%3D${mediaid}%26video_format%3D106%26video_quality%3D60%26auto_play%3D1%26aff%3Dcrunchyroll-website%26show_pop_out_controls%3D1%26pop_out_disable_message%3DOnly%2BAll-Access%2BMembers%2Band%2BAnime%2BMembers%2Bcan%2Bpop%2Bout%2Bthis%2Bvideo.%2BGet%2Byour%2Bmembership%2Btoday%2521">
			</object>
		</div>
		<div class="mp_box ie_player" style="display:none;">
			<object width="980" height="389" id="showmedia_video_player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="display: block; visibility: visible;">
  				<param name="wmode" value="transparent"/>
  				<param name="allowFullScreen" value="true"/>
  				<param name="allowscriptaccess" value="always"/>
  				<param name="allownetworking" value="all"/>
  				<param name="flashvars" value="config_url=http%3A%2F%2Fwww.crunchyroll.com%2Fxml%2F%3Freq%3DRpcApiVideoPlayer_GetStandardConfig%26media_id%3D${mediaid}%26video_format%3D106%26video_quality%3D60%26auto_play%3D1%26aff%3Dcrunchyroll-website%26show_pop_out_controls%3D1%26pop_out_disable_message%3DOnly%2BAll-Access%2BMembers%2Band%2BAnime%2BMembers%2Bcan%2Bpop%2Bout%2Bthis%2Bvideo.%2BGet%2Byour%2Bmembership%2Btoday%2521"/>
 	 			<param name="movie" value="http://static.ak.crunchyroll.com/flash/20120810201022.426c05fde953532631fe23646bfc4cfc/StandardVideoPlayer.swf"/>
  			</object>
		</div>
		-->
    </div>
    <#-->
	<div id="view_other">
		<div class="m_column">
			<h3 class="m_title"><a href="${contextPath}/i18n/anime/">Recommend <span>Anime</span></a></h3>
		</div>
		<div class="m_cont" id="other_video"><#include "/pie/loading.ftl"></div>
		<br/>
		<div class="m_column">
		   	<h3 class="m_title">Comments</h3>
		</div>
		<div>
		<div class="fb-comments" id="fb-comments" data-href="" data-num-posts="5" data-width="980"></div>   
		</div>
	</div> 
	--> 
</div>
</div>
<#include "/i18n/include/footer.ftl">
<#include "/video/pie/vdownloader.ftl">
</body>
<#include "/include/js.html">
<script type="text/javascript" src="${jsRoot}/i18n/anime/anime_play_index.js?${version}"></script>
<script type="text/javascript" src="${jsRoot}/video/download.js?${version}"></script>
</html>
	